<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>contact</title>
		<link rel="stylesheet" type="text/css" href="css/program.css" />
		<style>
	*{margin:0;padding:0;list-style:none;}
	html,body{height:100%;}
	/* 以下是CSS3样式，适合高版本浏览器 */
	.Snowflake{animation:linear spin infinite 20s;-webkit-animation:linear spin infinite 20s;-moz-animation:linear spin infinite 20s;pointer-events:none;}
	@keyframes spin{
		0% {transform:rotate(0deg);}
		100% {transform:rotate(359deg);}
	}
	@-webkit-keyframes spin{
		0% {-webkit-transform:rotate(0deg);}
		100% {-webkit-transform:rotate(359deg);}
	}
	@-moz-keyframes spin{
		0% {-moz-transform:rotate(0deg);}
		100% {-moz-transform:rotate(359deg);}
	}
	</style>
	</head>

	<body>
		<!--头部区域-->
		<header>
			<!--插入logo-->
			<div id="logo">
				<img src="img/img1/shininglogo.png" />
			</div>
			<!--导航栏-->
			<div id="navigation">
				<a href="home.html">Home</a>
				<a href="about.html">About</a>
				<a href="rendering.html">Rendering</a>
				<a href="3DAnimation.html">3D Animation</a>
				<a href="Bin.html">Bin</a>
				<a href="contact.html">Contact</a>
			</div>
			<div id="navigationMerge">
				<img src="img/img1/nav.png" />
			</div>
		</header>
		<ul id="navigationHidden">
			<li>
				<a href="home.html">Home</a>
			</li>
			<li>
				<a href="about.html">About</a>
			</li>
			<li>
				<a href="rendering.html">Rendering</a>
			</li>
			<li>
				<a href="3DAnimation.html">3D Animation</a>
			</li>
			<li>
				<a href="Bin.html">Bin</a>
			</li>
			<li>
				<a href="contact.html">Contact</a>
			</li>
		</ul>
		<div id="contactContent">
			<img src="img/img6/contact_point_bg.png" />
			<img src="img/img6/contact_place.png" />
			<div id="contactText1">
				<p>Contacts: Eric Wang</p>
				<div>
					<img src="img/img6/contact_mail.jpg" /> 
					<span >
						Email: eric@shining365.com
					</span>
				</div>
			</div>
			<div id="contactText2">
				<div>
					<img src="img/img6/contact_phone.png" />
					<span>
				    +86 21 6598 6866-304 <br />
                    +86 21 6598 6866-304
			        </span>
				</div>
				<div>
					<img src="img/img6/iphone.png" />
					<span>
						+86 152 0000 0000
					</span>

				</div>
				<div>
					<img src="img/img6/contact_add.png" />
					<span>
						1-5F.creative center building,No.2,1147 Lane, Siping Road,Yangpu District,Shanghai
					</span>

				</div>
			</div>
		</div>
		<footer>
			<div id="footerTop">
				<img src="img/img1/footer0.jpg" />
			</div>
			<div id="footerCenter">
				<img src="img/img1/footer1.jpg" />
				<img src="img/img1/footer2.jpg" />
				<img src="img/img1/footer3.jpg" />
				<img src="img/img1/footer4.jpg" />
			</div>
			<div id="footerBottom">
				Copyright © 1998-2015 shining Group
			</div>
		</footer>
		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jsPicture.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/snowflake.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		createSnow('', 200);
			$("footer").css({
				top:  $("#contactContent").height() - 100
			});
			clearInterval(createSnow,3000);
		</script>
	</body>

</html>